/*              GENERAL              */
html{ background:url(../images/background_beige.png); }
body { color:#333; font-family:Verdana,Arial,Geneva,sans-serif; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
.content{ text-align:left; }
/* main container */ 
.container { width:940px; margin:0px auto; }
/* Global */
#page-content { overflow:hidden; }
a { color:#16aec5; }
#sidebar li ul li { color:#cfc5c5; }
#sidebar li ul li a { color:#cfc5c5; }
#sidebar li ul li.active a { color:#ffffff; }
/**************************************/
/*             HEADINGS               */
/**************************************/
.content h1{ font-size:2em; }
.content h2{ font-size:1.7em; }
.content h3{ font-size:1.4em; }
.content h4{ font-size:1.2em; }
.content h5{ font-size:1em; }
/**************************************/
/*              BUTTONS               */
/**************************************/
button.button { padding:0px 0px 0px 10px; text-align:left; height:30px; border:none; position:relative; }
/* Firefox 3px padding bug */
button.button::-moz-focus-inner { padding:0; margin-top:-1px; margin-left:-1px; }
.button { background:url(../images/sprite.png) no-repeat 0 -180px;  display:block; padding-left:10px; color:#FFF; position:relative; }
.button strong { background:url(../images/sprite.png) no-repeat 100% -150px; display:block; height:30px; line-height:28px; padding-right:10px; white-space:nowrap; }
.button:hover { text-decoration:none; background-position:0 -240px; }
.button:hover strong { background-position:100% -210px; }
/* Inactive */
.buttonInactive, .inactive .button { background-position:0 -300px; color:#333; }
.buttonInactive strong, .inactive .button strong { background-position:100% -270px; }
.buttonInactive:hover, .inactive .button:hover { background-position:0 -360px; }
.buttonInactive:hover strong, .inactive .button:hover strong { background-position:100% -330px; }
/* Expandable */
.button .expand { background:url(../images/sprite.png) no-repeat 100% -2250px; width:25px;  height:30px; display:inline-block; vertical-align:middle; overflow:hidden; position:absolute; top:0px; right:10px; }
.button .expanded { background-position:100% -2280px; }
button.small-button { display:inline-block; background:url(../images/sprite.png) no-repeat 0 -2970px; color:#333; height:25px; }
button.small-button strong { background:url(../images/sprite.png) no-repeat 100% -2940px; line-height:25px; }
button.small-button:hover { background:url(../images/sprite.png) no-repeat 0 -3030px; }
button.small-button:hover strong { background:url(../images/sprite.png) no-repeat 100% -3000px; }
#search-button strong { padding-right:0; }
/**************************************/
/*              MESSAGES              */
/**************************************/
.message, .content form .message { margin-bottom:20px; position:relative; color:#3d3333; font-size:1.2em; padding:10px 10px 0px 50px; }
.fieldsetBlock .message { margin:0 10px; }
.message h6 { margin:0; }
.message p { margin-bottom:10px; }
.message .inner { background-position:-10px -10px; background-repeat: no-repeat; margin-bottom:-9px; padding-bottom:10px; }
.message-error { border:#d99d9d 1px solid; background:url(../images/error.png) no-repeat left center; }
.message-success { border:#9bdea8 1px solid; background:url(../images/success.png) no-repeat left center; }
.message-notice { border:#e8e657 1px solid;  background:url(../images/notice.png) no-repeat left center; } 
.message .close { position:absolute; top:5px; right:5px; }
.message .close  { background: url(../images/sprite.png) repeat scroll 100% -2880px; }
.message .close:hover { background: url(../images/sprite.png) repeat scroll 100% -2910px; }
/**************************************/
/*              OVERLAY  	          */
/**************************************/
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Overlays */
.ui-widget-overlay { background: #000000 url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity:.30;  }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;  }
/* 
/**************************************/
/*              DIALOG  	          */
/**************************************/
.dialogs { display:none; }
.ui-dialog { position: relative; padding: .2em; width: 300px; }
.ui-dialog .ui-dialog-titlebar { position: relative; background:transparent url(../images/sprite.png) no-repeat scroll 0 -990px; padding-left:10px; }
.ui-dialog .ui-dialog-title { background:transparent url(../images/sprite.png) no-repeat scroll 100% -810px; display:block; font-size:16px; font-weight:bold; line-height:1.5em; padding:5px 0; } 
.ui-dialog .ui-dialog-titlebar-close {  background: url(../images/sprite.png) repeat scroll 100% -2880px; height:22px; width:22px; text-indent:-9000px; overflow:hidden; position: absolute;  right: 10px;  top: 50%;  margin: -10px 0 0 0; padding-right:10px; } 
.ui-dialog .ui-dialog-titlebar-close:hover{ background: url(../images/sprite.png) repeat scroll 100% -2910px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-content { border: 0;  overflow: auto; }
.ui-dialog-content .content { padding:10px 10px 0px 10px; background:url(../images/content_bg.png) repeat-y right; overflow:hidden; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/**************************************/
/*              TOOLTIP  	          */
/**************************************/
#tooltip { background:url(../images/tooltip_bottom.png) no-repeat bottom left; padding-bottom:10px; color:#eeeeee; position: absolute; z-index: 3000; font-size:14px; line-height:1.5em; text-align:left; }
#tooltip h3, #tooltip div { margin: 0; }
#tooltip .sub{ background:url(../images/tooltip_top.png) no-repeat top left; padding:10px 25px 0px 15px; width:250px; }
/**************************************/
/*               TABLE                */
/**************************************/
.content .listTable,.content .listTable th,.content .listTable td{ border:none; }
.listTable { width:100%; }
.listTable td, .listTable th { padding:0em; }
.listTable thead th, .listTable thead div {	background:url(../images/sprite.png) no-repeat -10px -1170px; }
.listTable thead th:hover, .listTable thead th:hover div { background-position:-10px -1530px; }
.listTable thead th.first { vertical-align:middle; width:20px; background:url(../images/sprite.png) no-repeat 10px -1170px; }
.listTable thead th.first:hover { vertical-align:top; background-position:10px -1530px; text-align:center; }
.listTable thead th.first div {vertical-align:top; width:10px; height:50px; background:url(../images/sprite.png) no-repeat 0px -1350px; text-align:center; }
.listTable thead th.first:hover div {vertical-align:top; background-position:0px -1710px; }
.listTable thead th.last { background:url(../images/sprite.png) no-repeat 100% -1170px; border-right:none; }
.listTable thead th.last:hover { background-position:100% -1530px; }
.listTable thead th a { color:#FFFFFF; line-height:25px; padding-left:0.5em; display:block; padding-right:15px; }
.listTable thead tr .header a { background-repeat: no-repeat; background-position: center right; cursor: pointer; }
.listTable thead tr .header a:hover { background-image:url(../images/asc-desc.png); }
.listTable thead tr .headerSortUp a, .listTable thead tr .headerSortUp a:hover{ background-image: url(../images/asc.png); }
.listTable thead tr .headerSortDown a, .listTable thead tr .headerSortDown a:hover{ background-image: url(../images/desc.png); }
.listTable tbody  { background:url(../images/content_bg.png) repeat-y top right; }
.listTable tbody td { padding:5px; vertical-align:top; background:url(../images/table-border.gif) no-repeat bottom left; /* Align it with tfoot and thead */ }
.listTable tbody td a { display:block; }
.listTable tbody td input.checkbox { margin:0px 10px; }
/* Tfoot */
.listTable tfoot td { border:none; background:url(../images/sprite.png) 0px -2220px; padding-left:10px; }
.listTable tfoot td .inner { background:url(../images/sprite.png) 100% -2040px; padding-right:10px; height:30px; overflow:hidden;  }
.listTable tfoot .paginate { padding-right:10px; line-height:30px; margin-left:10px; float:right; }
.listTable tfoot .paginate span { color:#8c8888; float:left; margin-left:0.5em; }
.listTable tfoot .paginate a { padding:0px; font-weight:bold; }
.listTable tfoot .paginate .current { background:url(../images/sprite.png) 100% -2610px; float:left; width:24px; height:30px; text-align:center; }
/**************************************/
/*            FORM ELEMENTS           */
/**************************************/
.field label { float:left; text-align:right; width:130px; margin-right:20px; cursor:pointer; }
.content input.text,  .content textarea { border:#ccc 1px solid; background:#fff url(../images/input-text-bg.png) repeat-x left top; width:300px; padding:2px 20px 3px 3px; }
textarea { height:200px; width:500px; } 
.field-error input.text,  .field-error textarea{ color:#a51919; border:#c25454 1px solid; background:#fae1e1 url(../images/input-text-error-bg.png) repeat-x left top; }
.field-error label,.field-error .error-hint{ color:#a51919; }
.field-error .error-hint{ padding-left:10px; }
.required-icon { background:url(../images/input-required.png) no-repeat;  text-indent:-9000px; display:inline-block; overflow:hidden; height:20px; width:15px; position:relative; margin-left:-20px; top:-4px; vertical-align:top; }
/**************************************/
/*             FIELDSETS              */
/**************************************/
#titleActions .editAutosave { font-size:0.9em;}
.content form div.fieldsetBlock { background:url(../images/fieldset.png) -900px 100% no-repeat; margin-bottom:0.8em; padding:0px 0px 10px 0px; margin-right:10px; position:relative; }
.bBR { display:block; width:10px; height:10px; background:url(../images/fieldset.png) -1790px -20px repeat-y; position:absolute; bottom:0px; right:-10px; }
.content form div.fieldsetBlock .header { background:url(../images/sprite.png) 100% -1170px; margin:0px -10px 0px 10px; padding:0px; }
.content form div.fieldsetBlock  h3 { font-family:Georgia; background:url(../images/sprite.png) 0px -1350px; margin:0px 0px 0px -10px; height:40px; line-height:40px; padding-left:10px; }
.content form div.fieldsetBlock  h3 a { color:#000000; }
.content form div.fieldsetBlock  h3 a:hover { text-decoration:none; }
.content form fieldset{ padding:0; margin:0 0 20px 0; }
.content form div.fieldsetBlock  fieldset { border:none; margin:0px -10px 0px 0px; padding:10px 0px 0px 0px; background:url(../images/fieldset.png) top right repeat-y; }
.content form div.fieldsetBlock  fieldset.active { display:block; }
.content form legend{ margin-left:10px; font-weight:bold; color:#333; }
.content form div.fieldsetBlock  legend { display:none; }
.content form .field { overflow:hidden; padding:10px 0px; background:url(../images/fieldset.png) 0px 100% no-repeat; margin-right:2px; }
.content form .last-field { background:none; }
.content form .field .textarea textarea { width:315px; }
.content form .date { width:50px; }
/**************************************/
/*               TABS                 */
/**************************************/
.content div.tabs{ padding-bottom:0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } 
.ui-tabs .ui-tabs-hide { display: none !important; }
ul.ui-tabs-nav { float:right; overflow:hidden; list-style:none; margin:-30px 0px 0px 0px; padding:0px; }
.ui-tabs-nav li { float:left; margin-right:10px; margin-top:2px; }
.ui-tabs-nav li a { background:url(../images/sprite.png) 0px -2790px no-repeat; display:block; padding-left:10px; color:#3d3333; text-decoration:none; font-weight:bold; }
.ui-tabs-nav li a span { background:url(../images/sprite.png) 100% -2760px no-repeat; display:block; height:28px; line-height:30px; padding-right:10px; }
.ui-tabs-nav li a:hover, .ui-tabs-nav li.ui-tabs-selected a { background:url(../images/sprite.png) 0px -2850px no-repeat; color:#72d4e3; }
.ui-tabs-nav li a:hover span, .ui-tabs-nav li.ui-tabs-selected a span { background:url(../images/sprite.png) 100% -2820px no-repeat; }
/**************************************/
/*            DATE PICKER	          */
/**************************************/
.fieldset .dateTable {	width:285px; }
.fieldset .dateTable thead th { text-align:center; color:#FFFFFF; }
.fieldset .dateTable thead th.first { width:auto; }
.fieldset .dateTable thead th.first div { line-height:35px; width:100%; }
.fieldset .dateTable tbody a { text-align:center; }
.fieldset .dateTable tbody a:hover { text-decoration:none; }
.fieldset .dateTable tfoot .inner { text-align:center;  line-height:27px; height:21px; font-weight:bold; }
.fieldset .dateTable tfoot a { padding:0px 0.5em; }
/**************************************/
/*   ROUNDED CORNERS WITH SPRITE      */
/**************************************/
.bTop, .bTop div, .bBottom, .bBottom div { background-image:url(../images/sprite.png);  background-repeat:no-repeat; }
.bTop { margin:0px 0px -5px 10px; }
.bBottom { margin:0px 0px 0px 10px; background-position:100% -615px; }
.bTop div, .bBottom div { margin:0px 10px 0px -10px; height:15px; }
.bBottom div { background-position:0px -795px; }
/**************************************/
/*  ROUNDED CORNERS WITH FULL IMAGE   */
/**************************************/
.bImg { margin-bottom:10px; margin-right:10px; background-position:top left; background-repeat:no-repeat; display:inline-block; }
.bImg .bInner { margin-top:10px; margin-left:10px; margin-bottom:-10px; margin-right:-10px; padding:0px 10px 10px 0px; position:relative; background-position:bottom right; background-repeat:no-repeat; }
.bImg .bTR, .bImg .bBL { background-repeat:no-repeat; width:10px; height:10px; position:absolute; display:block; }
.bImg .bTR { top:-10px; right:0px; background-position:top right; }
.bImg .bBL { bottom:0px; left:-10px; background-position:bottom left }
/**************************************/
/*               ICONS                */
/**************************************/
.icon { width:24px; height:24px; vertical-align:middle; margin:0 0 0 5px; }
.button .icon{ margin:1px 0 5px 5px; }
/*--------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------- SPECIFIC ELEMENTS ------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------*/

/**************************************/
/*              LOG IN  	          */
/**************************************/
#login{ width:300px; margin:0 auto; padding-top:200px; }
#login form{ margin-bottom:0; }
#login .field label{ margin-right:0; text-align:left; width:auto; font-size:16px; line-height:1.5em; }
#login input.text{ width:253px; }
#login .login-submit{ margin-top:10px; }
/**************************************/
/*             HEADER                 */
/**************************************/
#header { background:url(../images/header.png) repeat-x top; margin-bottom:10px; padding-bottom:10px; }
#header .container{ line-height:77px; overflow:hidden; }
#header h1 { margin:0px; float:left; background:url(../images/header_glow.png) top center no-repeat; }
#header h1 a { display:block; background:url(../images/logo.png) center left no-repeat; width:235px; height:80px; text-indent:-9000px; overflow:hidden; }
#header .viewWebsite { float:left; display:block; line-height:30px; height:30px; margin:24px 0 0 10px; font-size:1.4em; text-decoration:none; background:url(../images/sprite.png) no-repeat 0px -60px; }
#header .viewWebsite span { background:url(../images/sprite.png) no-repeat 100% -30px; display:block; margin-left:10px; padding-right:10px; }
#header .viewWebsite:hover { background-position:0px -120px; }
#header .viewWebsite:hover span {  background-position:100% -90px; }
#header .loginInfos { float:right; color:#FFFFFF; }
/**************************************/
/*             SIDEBAR                */
/**************************************/
#sidebar { float:left; margin-right:20px; font-size:1.2em; width:225px; }
#sidebar, #sidebar .bInner, #sidebar .bTR, #sidebar .bBL {background-image:url(../images/sidebar.png) }
#sidebar ul { margin:0px; }
#side-nav li{ list-style:none; margin-bottom:5px; }
/* Must use classes because pseudo-classes :first-child and :last-child aren't well implemented everywhere */
#sidebar ul li.first {	background-position:0px 0px; padding-top:10px; }
#sidebar ul li.last { background-position:0px 100%; padding-bottom:10px; }
#sidebar li a.button { margin:0; }
#sidebar li a.button strong{ }
#sidebar .icon{ margin:1px 5px 5px 0; }
#sidebar li ul { margin:0px; clear:both; }
#sidebar li ul li { list-style:disc outside; margin-left:50px; background:none;  margin-bottom:0; vertical-align:middle;}
#sidebar li ul li a { display:block; padding-bottom:5px; }
#sidebar li ul li a:hover { display:block; padding-left:5px; padding-bottom:5px; }
#sidebar li ul li.active a { font-weight:bold; }
.JS #sidebar .inactive ul{ display:none; }
/**************************************/
/*             CONTENT                */
/**************************************/
#content { float:left; width:695px;	 }
/* Inner Content */
#innerContent{ 	padding:10px 10px 0px 10px; background:url(../images/content_bg.png) repeat-y right; overflow:hidden; }
/**************************************/
/*            TITLE BAR               */
/**************************************/
#title { height:50px; background:url(../images/sprite.png) no-repeat 100% -810px; margin-left:10px; }
#title h2 {  margin:0px 0px 0px -10px; padding-left:10px; background:url(../images/sprite.png) no-repeat 0px -990px; font-family:Georgia; line-height:50px; font-size:2em; float:left; position:relative; left:0px; }
#titleActions { float:right; overflow:hidden; height:50px; line-height:50px; font-size:14px; padding-right:10px; margin-right:-10px; }
#titleActions a{ color:#fff; }
#titleActions .actionBlock { float:left; height:30px; padding:10px; margin:0;background:url(../images/vertical_separator.png) repeat-y top left; line-height:30px; }
/* Title actions : Add post & Search */
#titleActions .listAdd .button span.icon { margin-left:10px; margin-top:-4px; }
#titleActions .listSearch .search { background:url("../images/sprite.png") no-repeat 0 -420px; float:left; padding-left:10px; }
#titleActions .listSearch .search label { display:none; }
#titleActions .listSearch .search input {  background:url("../images/sprite.png") no-repeat 100% -390px; border:0; height:18px; padding:5px 10px 5px 0px; 	font-size:14px; line-height:18px; color:#000000; width:170px; }
#titleActions .listSearch .submit { float:left; margin-left:10px; }
#titleActions .listSearch .submit button { width:33px; }
#titleActions .listSearch .submit button .icon { margin:1px 0 5px -6px; }
/**************************************/
/*              TOOLBAR               */
/**************************************/
#toolbarActions { overflow:hidden; background:url(../images/sprite.png) 100% -2660px; }
#toolbarActions p{ float:left; margin:10px; }
#toolbarActions ul{ overflow:hidden; margin:0px; float:left; }
#toolbarActions li { height:40px; line-height:40px; float:left; list-style:none; margin-right:20px; }
#toolbarActions li a { display:block; padding-left:10px; }
#toolbarActions li a:hover { text-decoration:none; }
/**************************************/
/*             POST LIST              */
/**************************************/
/* List Header  : "You have 12 posts in 5 categories" and form to handle checkboxes*/
#listHeader {  overflow:hidden; margin-bottom:10px;}
#listHeader .listInfos { float:left; margin:0px; line-height:25px; height:25px; }
#listHeader .listActions { float:right; }
#listHeader .listActions form { margin:0px; }
/**************************************/
/*              USEFUL	              */
/**************************************/
.vcenter-outer { display:table; position:relative; overflow:hidden; height:600px; }
.vcenter-middle { position:absolute; top:50%; display:table-cell; vertical-align:middle; }
.vcenter-inner { position:relative; top:-50%; }
.sub { padding:10px; }
.fleft { display:block; float:left !important; }
.container .fleft { margin:0 20px 10px 0; }
.fright { display:block; float:right !important; }
.container .fright { margin:0 0 10px 20px;}
.aleft, .container .aleft {	text-align:left;}
.aright, .container .aright {	text-align:right;}
.acenter, .container .acenter {	text-align:center;}
.container div.border {	border-color:#666;}
.container li p { text-align:left;}
div.border, div.colborder { border-color:#333;}
.no-margin, .container .no-margin {margin:0;}
.no-padding .container .no-padding { padding:0;}
/**************************************/
/*          TRIPOLI OVERRIDE          */
/**************************************/
.content caption, .content form div {padding-bottom:10px; }